<template>
	<div class="wrapper">
          <div class="">
              <!--  pr12 pb12 -->
                <Card class="Position">
                  <div class="messageCom design-message" ref="list0">
                    <p class="wh1 Position maC span-message1">
                      <span class="lineTitle"></span>
                      <span class="size5 lineTitlePa">常用功能</span>
                      <span class="gen2">
                        <span @click="moreClick('notice','公文中心列表','/more-detail')"><Icon type="md-settings" size='24' color="#5c6b77"/></span>
                      </span>
                    </p>
                  </div>
                  <div class="common-functions-content">
                          <div class="common-functions-box">
                            <div class="common-functions-list">
                                <Icon type="md-at" color="#cccccc" size="16"/><span>打老虎哟</span>
                            </div>
                          </div>
                          <div class="common-functions-box">
                            <div class="common-functions-list">
                                <Icon type="md-at" color="#cccccc" size="16"/><span>打老虎哟</span>
                            </div>
                          </div>
                             <div class="common-functions-box">
                            <div class="common-functions-list">
                               <Icon type="md-at" color="#cccccc" size="16"/><span>打老虎哟</span>
                            </div>
                          </div>
                             <div class="common-functions-box">
                            <div class="common-functions-list">
                                <Icon type="md-at" color="#cccccc" size="16"/><span>打老虎哟</span>
                            </div>
                          </div>
                             <div class="common-functions-box">
                            <div class="common-functions-list">
                                <Icon type="md-at" color="#cccccc" size="16"/><span>打老虎哟</span>
                            </div>
                          </div>
                  </div>
                </Card>
              </div>
    </div>
</template>

<script>
export default {
name:'design-common-functions',
components:{},
  props:{},
  data(){
    return {
    }
  },
  watch:{},
  computed:{},
  methods:{
      	moreClick( path) {
			this.$router.push({
				path: path,
			})
		},
  },
  created(){},
  mounted(){}
}
</script>
<style lang="less" scoped>
.wrapper {
	width: 100%;
    height: 100%;
    
    .common-functions-content{
        .common-functions-box{
            display: inline-block;
            width: 100px;
            height: 100px;
            margin: 16px;
        }
        .common-functions-list{
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-content: center;
            align-items: center;
            border: 1px solid #cccccc;
        }
    }
}
</style>
<style lang="less">
@import './less/home.less';
@import '../../styles/common.less';
.my-card {
	.ivu-card-body {
		padding: 10px 12px;
	}
}
.my-card1 {
	.ivu-card-body {
		padding: 0;
	}
}
</style>
<style scoped lang="less">
@import './less/page_home.less';
.demo-carousel {
	width: 100%;
	height: 100%;
}
.page_home_main {
	height: 100%;
}
.page_home_scroll {
	height: 100%;
	width: 100%;
}
.design-message{
    line-height: 24px;
    position: relative;
}
</style>